// LanesPage
.lane-page {
  display: flex;
  flex-direction: column;
  height: 100%;

  // Lanes
  .lanes-container {
    flex: 1;
    position: relative;
    overflow-y: hidden;
    padding-bottom: 10px;
    margin-bottom: 56px;
  }

  .lanes {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    position: absolute;
  }

  .collapse-button, .expand-button {
    display: inline-block;
    cursor: pointer;

    svg {
      margin-left: 5px;
      margin-right: 5px;
      fill: $pagetextcolor;
    }
  }

  .expand-button svg {
    transform: rotate(90deg);
  }

  .order-change-info {
    margin: 7px;
    padding-top: 14px;

    .cancel-order-changes {
      display: inline-block;
      font-size: 0.7em;
    }
  }

  .reset {
    padding: 16px;
    margin: 6px;
    input {
      width: 30%;
    }
  }
}

.compact-info:focus {
  @include basic-focus;
}
